* {
  margin   : 0;
  padding  : 0;
  font-size: 14px;
}

ul,
li {
  list-style: none;
  box-sizing: border-box;
}

li {
  float           : left;
  width           : 120px;
  height          : 30px;
  background-color: #393d52;
  border          : solid 1px #fff;
  color           : #fff;
  line-height     : 30px;
  padding-left    : 5px;
  cursor          : pointer;
}

li.tab {
  background-color: #171a24;
}

ul::after {
  display: block;
  content: "";
  clear  : both;
}

div#content {
  width           : 348px;
  height          : 180px;
  background-color: #171a24;
  border          : solid 1px #fff;
  border-top      : none;
  color           : #fff;
  padding         : 5px;
  transform       : translateY(-1px);
}

div#content div {
  display: none;
}

div#content div.curr {
  display: block;
}